<!DOCTYPE html>
<html>
<head>
	<!-- <title>Journey of an Idiot</title> -->
	<link rel="stylesheet" href="stylesheet.css">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>

<body>

<div style="height:100%;font-family:'Arial Black', Gadget, sans-serif;color:#666;width:100%">
<div id='spacing' style='width:4%;'></div>
<div id="mainColumn" style="width:90%;text-align:right;">
	<div id="mainTitle" style="font-size:40px;margin:10px;margin-right:15%;display:block;">Journey of an Idiot</div>
	<div id='mainBox' style='outline:3px solid;height:80vh;text-align:left;display:block;'>
		<div class='column' style='width:25%;'>
			<div class='inner' style='outline:2px solid purple;'>
			<h2>Skills</h2>
			<div class='inner2' id='skills'>
			
			</div>
			</div>
		</div>
		<div class='column' style='width:50%;'>
			<div class='inner' style='outline:2px solid green;'>
			<div class='inner2'>
			
			</div>
			</div>
		</div>
		<div class='column' style='width:25%;'>
			<div class='inner' style='outline:2px solid rgb(226, 226, 130);'>
			<div class='inner2' >
			</div>
			
			</div>
		</div>
	</div>

	<div id="credits" style="margin-right:10%;display:block;margin-top:6px;">Created by: <div style="color:red">Stop_Sign</div></div>
</div>
<div id='spacing' style='width:4%;'></div>
</div>

</body>
</html>

<script src="javascript.js"></script>

